﻿<tabset class="setting-lottery" stop-input-propagation justified="true"
        ng-class="{'single-tab': !selectedElemDef}">
    <tab heading="特效">
        <div id="page_panel" ng-show="showPageEffect" class="txtop dropdown-menu1 panel panel-default">
            <ul class="effect_list">
                <li class="effect" ng-repeat="effect in effectList" ng-click="openOneEffectPanel(effect)"
                    ng-class="{active:showPageEffect==effect.type}">
                    <div class="effect_img" ng-class="">
                        <img ng-src="{{effect.src}}">
                    </div>
                    <div class="effect_info">
                        {{effect.name}}
                    </div>
                </li>
            </ul>
        </div>
        <div id="page_panel" ng-show="showPageEffect=='scratch'" class="txbottom imgul dropdown-menu1 panel panel-default">
            <div class="panel-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group form-group-sm" style="padding-top:20px; border-top:1px solid #eee">
                        <label for="inputEmail2" class="col-sm-5 control-label">
                            涂抹比例
                        </label>
                        <div class="col-sm-7">
                            <a style="width:120px" class="hint--left hint--rounded" data-hint="涂抹多少后自动清除">
                                <select ng-model="tpl.obj.properties.scratch.percentage" id="inputEmail2"
                                        ng-options="percentage.name for percentage in percentages"></select>
                            </a>
                        </div>
                    </div>
                    <div class="form-group form-group-sm" style="margin-bottom:10px">
                        <label for="inputEmail3" class="col-sm-5 control-label">
                            提示文字
                        </label>
                        <div class="col-sm-7">
                            <a style="width:120px" class="hint--left hint--rounded" data-hint="涂抹开始前提示文字">
                                <input type="text" ng-model="tpl.obj.properties.scratch.tip" id="inputEmail3"
                                       placeholder="涂抹开始前提示文字" maxlength="15">
                            </a>
                        </div>
                    </div>
                    <p class="attrconcent">
                        选择遮盖图片
                    </p>
                    <ul class="bg-items clearfix">
                        <li class=" hint--top hint--rounded" data-hint="{{scracthImage.name}}"
                            ng-repeat="scracthImage in scratches" ng-click="changeScratchImg(scracthImage)">
                            <i class="chosen" ng-show="scracthImage.path == scratch.selectedScratchImg">
                            </i>
                            <img ng-src="{{scracthImage.path}}" />
                        </li>
                        <li class="bg-item custom-mask ng-scope hint--top hint--rounded" data-hint="自定义"
                            ng-click="openUploadModal()" ng-if="!scratch.customImg">
                            自定义
                        </li>
                        <li style="margin-top:8px" class="custom-mask hint--top hint--rounded"
                            ng-if="scratch.customImg" data-hint="自定义">
                            <i class="chosen" ng-show="scratch.customImg === scratch.selectedScratchImg">
                            </i>
                            <img class="scratch" ng-click="openUploadModal()" ng-src="{{scratch.customImg}}">
                        </li>
                    </ul>
                    <a ng-click="openUploadModal()" class="auto_img btn-main btn-success attrimg"
                       ng-if="scratch.customImg">
                        替换当前遮盖图
                    </a>
                    <div class="form-group form-group-sm clearfix" style="margin-bottom:0">
                        <div class="col-sm-7">
                        </div>
                    </div>
                    <div class="form-group form-group-sm" style="margin-bottom:0;margin-top:5px">
                    </div>
                    <div class="divider" style="margin-top:6px">
                    </div>
                    <div class="divider">
                    </div>
                    <div class="form-group form-group-sm" style="margin-bottom:0">
                    </div>
                </form>
            </div>
        </div>
        <div id="page_panel" ng-if="showPageEffect=='finger'" class="zwbottom dropdown-menu1 panel panel-default">
            <div class="panel-body">
                <form class="form-horizontal" role="form">
                    <div class="divider">
                    </div>
                    <p class="attrconcent" style="margin-top:0px; border-top:none;">
                        选择指纹图片
                    </p>
                    <ul class="zw-items">
                        <li class="hint--top hint--rounded" data-hint="{{fingerImage.name}}" ng-repeat="fingerImage in fingerZws"
                            ng-click="changeFingerImg(fingerImage)">
                            <i class="chosen" ng-show="fingerImage.path == finger.selectedScratchImg">
                            </i>
                            <img ng-src="{{fingerImage.path}}" />
                        </li>
                        <li class="bg-item custom-mask hint--top hint--rounded" data-hint="自定义"
                            ng-if="!finger.customImg" ng-click="openUploadZw()">
                            自定义
                        </li>
                        <li class="custom-mask hint--top hint--rounded" data-hint="自定义" ng-if="finger.customImg">
                            <i class="chosen" ng-show="finger.customImg == finger.selectedScratchImg">
                            </i>
                            <img class="finger" ng-click="openUploadZw()" ng-src="{{finger.customImg}}">
                        </li>
                    </ul>
                    <a ng-click="openUploadZw()" class="auto_img btn-main btn-success attrimg"
                       ng-if="finger.customImg">
                        替换当前指纹图
                    </a>
                    <p class="attrconcent">
                        选择指纹背景
                    </p>
                    <ul class="fp-items">
                        <li class="hint--top hint--rounded" data-hint="{{fingerbgImage.name}}"
                            ng-repeat="fingerbgImage in fingerBackgrounds" ng-click="changeFingerBg(fingerbgImage)">
                            <i class="chosen" ng-show="fingerbgImage.path == finger.selectedFingerBg">
                            </i>
                            <img ng-src="{{fingerbgImage.path}}" />
                        </li>
                        <li class="bg-item custom-mask hint--top hint--rounded" data-hint="自定义"
                            ng-if="!finger.customBgImg" ng-click="openUploadZwbg()">
                            自定义
                        </li>
                        <li class="custom-mask hint--top hint--rounded" data-hint="自定义" ng-if="finger.customBgImg">
                            <i class="chosen" ng-show="finger.customBgImg == finger.selectedFingerBg">
                            </i>
                            <img class="finger" ng-click="openUploadZwbg()" ng-src="{{finger.customBgImg}}">
                        </li>
                    </ul>
                    <a ng-click="openUploadZwbg()" class="auto_img btn-main btn-success attrimg"
                       ng-if="finger.customBgImg">
                        替换当前背景图
                    </a>
                </form>
            </div>
        </div>
    </tab>
</tabset>